<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>舆情报告</title>
    <link rel='stylesheet' href='css/subpage.css'>
    <link rel="stylesheet" href="css/nav.css">
</head>
<body>
    <div id="container">
        <div id="sub_rep">
            <div class="div_daohang">
                <div style="height: 10px;"></div>
                <div class="menu">
                    <div class="center">
                        <ul class="ul-list">
                            <li><a href="./index.html">首页</a></li>
                            <li><a href="./synopsis.html">舆情简介</a></li>
                            <li><a href="./function.html">平台功能</a></li>
                            <li><a href="./analysis.html">数据分析</a></li>
                            <li><a href="./webspider.html">网络爬虫</a></li>
                            <li><a href="./earlywarning.html">舆情预警</a></li>
                            <li><a href="./report.php">舆情报告</a></li>
                            <li><a href="./contact.php">联系我们</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="none_h"></div>
            <div id="rep_subleft">
                <ul>
                    <li type="disc"><a href="#" class="a_lift">舆情预警报告</a></li>
                </ul>
            </div>
            <div id="rep_none_s"></div>
            <div id="rep_subright">
                <p class="font_subpa">当前所在位置：&nbsp;&nbsp;<a href="index.html" class="font_subpa">首页</a>&nbsp;&nbsp;>&nbsp;&nbsp;<a href="./report.php" class="font_subpa">舆情报告</a></p>
                <hr color="#e8e8e8" width="780px">
                <form action="./report_add.php" method="post">
                    <div id="rep_moku">
                        <div id="rep_moku1">
                            <div id="rep_moku1_le">
                                <p class="rep_input_p">事&nbsp;&nbsp;&nbsp;&nbsp;件&nbsp;:</p>
                            </div>
                            <div id="rep_moku1_ri">
                                <input type="text" name="event" style="width: 665px;height: 30px;">
                            </div>
                        </div>
                        <hr color="#e8e8e8" width="780px">
                        <div id="rep_moku2">
                            <div id="rep_moku2_le">
                                <p class="rep_input_p">主要内容&nbsp;:</p>
                            </div>
                            <div id="rep_moku2_ri">
                                <textarea  style="width: 665px;height: 200px;" name="content"></textarea>
                            </div>
                        </div>
                        <hr color="#e8e8e8" width="780px">
                        <div id="rep_moku3">
                            <div id="rep_moku3_le">
                                <p class="rep_input_p">事件分析&nbsp;:</p>
                            </div>
                            <div id="rep_moku3_ri">
                                <textarea  style="width: 665px;height: 200px;" name="analysis"></textarea>
                            </div>
                        </div>
                        <hr color="#e8e8e8" width="780px">
                        <script src="http://echarts.baidu.com/build/dist/echarts-all.js"></script>
                        <div id="rep_moku4"></div>
                        <script type="text/javascript">
                            var myChart = echarts.init(document.getElementById('rep_moku4')); 

                            option = {
                                title : {
                                    text: '事件分析雷达',
                                    subtext: '对于事件数据中的子项占比'
                                },
                                tooltip : {
                                    trigger: 'axis'
                                },
                                legend: {
                                    orient : 'vertical',
                                    x : 'right',
                                    y : 'bottom',
                                    data:['预算值（Budget value）','开销值（Cost value）']
                                },
                                toolbox: {
                                    show : true,
                                    feature : {
                                        mark : {show: true},
                                        dataView : {show: true, readOnly: false},
                                        restore : {show: true},
                                        saveAsImage : {show: true}
                                    }
                                },
                                polar : [
                                {
                                    indicator : [
                                        { text: '流量（Network flow）', max: 6000},
                                        { text: '关注度（Attention）', max: 16000},
                                        { text: '热度（Flow heat）', max: 30000},
                                        { text: '话题数（Number of topics）', max: 38000},
                                        { text: '用户态度（User attitude）', max: 52000},
                                        { text: '生存期（Survival period）', max: 25000}
                                        ]
                                    }
                                ],
                                calculable : true,
                                series : [
                                    {
                                        name: '预算 vs 开销（Budget vs spending）',
                                        type: 'radar',
                                        data : [
                                            {
                                                value : [4300, 10000, 28000, 35000, 50000, 19000],
                                                name : '预算值（Budget value）'
                                            },
                                            {
                                                value : [5000, 14000, 28000, 31000, 42000, 21000],
                                                name : '开销值（Cost value）'
                                            }
                                        ]
                                    }
                                ]
                            };

                            myChart.setOption(option); 
                        </script>
                        <hr color="#e8e8e8" width="780px">
                        <div id="rep_moku5">
                            <input type="submit" name="submit" value="提交">
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</body>
</html>